<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->


<html class="no-js" lang="en">
<!--<![endif]-->

<head>
	<!--Site charset-->
  <meta charset="utf-8">
  <!--Site title-->
  <title>Sweet Date - Landing Page Theme</title>
  <!--Meta-->
  <meta name="description"  content= "Premium landing page for Lovers">
  <meta name="author"  content="Seventh Queen">
  <!--Set the viewport width to device width for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--Foundation Framework-->
  <link rel="stylesheet" href="assets/styles/foundation.min.css">
  <!--Plugins-->
  <link rel="stylesheet" href="assets/styles/font-awesome.min.css">
  <link rel="stylesheet" href="assets/styles/prettyPhoto.css">
  
  
	<!--Main Stylesheet (change this to modify template)-->
  <link rel="stylesheet" href="assets/styles/app.css">
  <link rel="stylesheet" href="assets/styles/updates.css">
  <link rel="stylesheet" href="assets/styles/custom.css">
  
	
  <!--Google Fonts-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  
  <!--[if IE 7]>
  <link rel="stylesheet" href="assets/styles/font-awesome-ie7.min.css">
  <script src="assets/scripts/ie6/warning.js"></script>
  <script>window.onload=function(){e("assets/scripts/ie6/")}</script>
  <![endif]-->

  
	<!--Favicons-->
  <link rel="shortcut icon" href="assets/images/icons/favicon.ico">
  <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="57x57" href="assets/images/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="assets/images/apple-touch-icon-144x144.png"> 
  
  
  <!-- jQuery & Foundation Framework -->
  <script type="text/javascript" src="assets/scripts/modernizr.foundation.js"></script> 
</head>
<body>





<!-- Page
================================================ -->
<!--Attributes-->
<!--class = page wide-style / boxed-style-->
<div class="inner page wide-style">





<!-- HEADER SECTION
================================================ -->
<header>
<div class="header-bg">
<!--Top links-->
<div class="top-links">
	<div class="row">
    <ul class=" block-grid">
      <li class="nine columns"><a href="#"><i class="icon-envelope"></i> &nbsp; info@sweetdate4u.com</a></li>
      <li class="three columns hide-for-small">
        Find us on: &nbsp;
        <a href="#" class="has-tip tip-bottom" data-width="210" title="Follow us on Twitter"><i class="icon-twitter"></i></a>
        <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on Facebook"><i class="icon-facebook"></i></a>
        <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on Google+"><i class="icon-google-plus"></i></a>
        <a href="#" class="has-tip tip-bottom" data-width="210" title="Pin us on Pinterest"><i class="icon-pinterest"></i></a>
        <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on LinkedIn"><i class="icon-linkedin"></i></a>
      </li>
    </ul>
  </div>
</div>
<!--end top-links-->
  
<div id="header">
	<div class="row">
    
    <!-- Main Navigation -->
    <div class="five columns push-four">
    	<div class="space-b-20 hide-for-small">&nbsp;</div>
      <nav class="top-bar">
        <ul>
          <!-- Toggle Button Mobile -->
          <li class="name">
            <h1><a href="#">Please select your page</a></h1>
          </li>
          <li class="toggle-topbar"><a href="#"><i class="icon-reorder"></i></a></li>
          <!-- End Toggle Button Mobile -->
        </ul>
      
        <section><!-- Nav Section -->
          <ul class="right" >
            <li><a href="index.html"><i class="icon-home"></i> HOME</a></li> 
            <li class="has-dropdown">
              <a href="#">PAGES</a>
              <ul class="dropdown">
                <li><a href="search-listing.html">Search Listing</a></li>
                <li><a href="profile.html">Profile Page</a></li>
              </ul>
            </li>
            <li class="has-dropdown">
              <a href="#">BLOG</a>
              <ul class="dropdown">
                <li><a href="blog.html">Blog Page</a></li>
                <li><a href="single-article.html">Single Article</a></li>
              </ul>
            </li>
          </ul>
        </section><!-- End Nav Section -->
      </nav>
    </div>
		<!-- end Main Navigation -->
      
    <!-- Logo -->
    <div class="four columns pull-five">
      <h1 id="logo">A premium landing page made for Lovers
      	<a href="index.html"><img src="assets/images/logo_black.png" width="294" height="108" alt="Landing Page HTML Template"></a>
      </h1>
    </div>
    <!--end logo-->

  	<!-- Login/Register/Forgot username/password Modal forms
    	-  Hidded by default to be opened through modal
      -  For faster loading we put all forms at the bottom of page -->
          
    <!--Login buttons-->  
    <div class="three columns login-buttons">
    	<div class="space-b-20 hide-for-small">&nbsp;</div>	
      <ul class="button-group radius right">
        <li><a href="#" data-reveal-id="login_panel" class="small secondary button radius"><i class="icon-user hide-for-medium-down"></i> LOG IN</a></li>
        <li><a href="#" data-reveal-id="register_panel" class="small button radius"><i class="icon-group hide-for-medium-down"></i> SIGN UP</a></li>
      </ul>
    </div>
    <!--end login buttons-->
    
  </div><!--end row-->
</div><!--end #header-->
</div><!--end header-bg-->
</header>
<!--END HEADER SECTION-->





<!-- BREADCRUMBS SECTION
================================================ -->
<section>
  <div id="breadcrumbs-wrapp">
    <div class="row">
      <div class="nine columns">
        <ul class="breadcrumbs hide-for-small">
          <li><a href="index.html">Home</a></li>
          <li class="current"><a href="profile.html">Hanna Marcovick profile</a></li>
        </ul>
      </div>
      <div class="three columns">
        <ul class="inline-list right">
          <li>Retour a la recherche </li>
          <li><a href="#" title="Previous profile"><i class="icon-chevron-left"></i></a></li>
          <li><a href="#" title="Next profile"><i class="icon-chevron-right"></i></a></li>
        </ul>
      </div>
    </div><!--end row-->
  </div><!--end breadcrumbs-wrapp-->
</section>
<!--END BREADCRUMBS SECTION-->





<!-- PROFILE SECTION
================================================ -->
<section>
  <div id="profile">
    <div class="row">
      <div class="twelve columns">
        <h2 class="sweetfont left">BEE AZERS</h2>
        <hr>
        <h6 class="subheader">24 | HOMME | HETERO | LYON | &quot;Bienvenue sur ma page!&quot;
        	</h6><div class="row"><div class="five columns">
          	<!--Profile Slider-->
        		<div class="profile-slider-wrapp">
              <div class="circular-item" title="Compatibility match">
                <small class="icon strong">match</small>
                <input type="text" value="74" class="greenCircle">
              </div>
              <div id="profile-slider">
                <div class="big-profile-image" data-thumb="assets/images/gallery-carousel/big_image_profile_00.jpg">
                  <img src="assets/images/gallery-carousel/big_image_profile_00.jpg" alt="">
                </div>
                
                <div class="big-profile-image" data-thumb="assets/images/gallery-carousel/big_image_profile_08.jpg">
                  <img src="assets/images/gallery-carousel/big_image_profile_08.jpg" alt="">
                </div>
              </div><!--end profile-slider-->
						</div><!--end profile-slider-wrapp-->
        	</div><!--end five-->
          
          
        	<div class="seven columns">
          	<!--Profile Custom Pill Tabs-->
            <dl class="tabs pill custom">
              <dd class="active"><a href="#looking-for">Lifestyle</a><!--<span class="notch"></span>--></dd>
              <dd class="sliderEvent"><a href="#my-photos">Mes photos <span class="radius label alert">9</span></a></dd>
              <dd class=""><a href="#third">Profil</a></dd>
              <dd class=""><a href="#fourth">ENVOYER UN FLASH</a></dd>
            </dl>
						<div class="clearfix"></div>
            
            <ul class="tabs-content custom">
              
              <!--First Tab Content-->
              <li class="active" id="looking-forTab">
                <div class="callout-speech-wrapp six columns">
                  <div class="callout-speech">
                    The one think I most passionate about:
                  </div>
                  <cite>life :)</cite>
                </div>
              
                <div class="callout-speech-wrapp six columns">
                  <div class="callout-speech">
                    The most think I am looking for in a persion is:
                  </div>
                  <cite>good energy and a positive outlook on life</cite>
                </div>
              </li>
              <!--end First Tab Content-->
            
              <!--Second Tab Content-->
              <li class="mySlider" id="my-photosTab">              
                <div id="gallery-carousel">
                  <span class="circle">
                    <a href="assets/images/gallery-carousel/big_image_profile_00.jpg" class="imagelink" data-rel="prettyPhoto[gallery2]">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-heart"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_00.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="assets/images/gallery-carousel/big_image_profile_08.jpg" class="imagelink" data-rel="prettyPhoto[gallery2]">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-heart"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_08.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_07.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_04.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_06.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_01.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_02.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_03.jpg" alt="">
                    </a>
                  </span>
                  <span class="circle">
                    <a href="#" class="imagelink" data-reveal-id="login_panel">
                      <span class="overlay"></span>
                      <span class="read"><i class="icon-lock"></i></span>
                      <img src="assets/images/gallery-carousel/gallery_profile_05.jpg" alt="">
                    </a>
                  </span>
                </div><!--end #gallery-carousel-->
                
                <div class="four columns centered btn-carousel hide-for-small">
                  <small><a href="#" id="stanga-prev">PREVIOUS</a>&nbsp; | &nbsp;
                  <a href="#" id="dreapta-next">NEXT</a></small>
                </div>
                
              </li>
              <!--End Second Tab Content-->
            
              <!--Third Tab Content-->
              <li id="thirdTab">
                <h4>Content Tab 3</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
              </li>
              <!--end Third Tab Content-->
              
              <!--Fourth Tab Content-->
              <li id="fourthTab">
                <h4>Content Tab 4</h4>
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                <a href="#" class="small radius button">Lorem ipsum</a>
              </li>
              <!--end Fourth Tab Content-->
            
            </ul>
            <!--end tabs-content-->
          </div><!--end seven-->
        </div><!--end row-->
      </div><!--end twelve-->
    </div><!--end row-->
  </div><!--end profile-->
</section>
<!--END PROFILE SECTION-->





<!-- MAIN SECTION
================================================ -->
<section>
	<div id="main">
  	<div class="row">
    
    <div class="seven columns">
    	
      <!--Info Tabs-->
      <dl class="tabs info three-up">
        <dd class="active"><a href="#simple1">Info</a></dd>
        <dd><a href="#simple2">Messages <span class="radius label">14</span></a></dd>
        <dd><a href="#simple3"><i class="icon-star-empty"></i> Favorites</a></dd>
      </dl>
      
      <!--Content Info Tabs-->
      <ul class="tabs-content">
      	<!--First Info Tab Content-->
        <li class="active" id="simple1Tab">
        	<ul class="accordion">
            <li>
              <h5 class="accordion-title">My self-summary<span class="accordion-icon"></span></h5>
              <div class="accordion-content">
                <p>Hello and welcome to the profile of your next true love. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><br>
                <h6>Favorite books, movies, shows, music and food</h6>
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p><br>
                <h6>The six things I could never do without</h6>
                <ul class="love-list">
                  <li>Love</li>
                  <li>My work - Graphic and Web design</li>
                  <li>My best friends and true confidante John Arthur</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipisicing</li>
                  <li>Duis aute irure dolor</li>
                  <li>Excepteur sint occaecat cupidatat</li>
                </ul>
              </div>
            </li>
             
            <li>
              <h5 class="accordion-title">Life style<span class="accordion-icon"></span></h5>
              <div class="accordion-content">
                <dl class="dl-horizontal">
                  <dt>Interests</dt>
                  <dd>RV, Art Enthusiast, Billiards, Horses/Equine, Music, Business, Writing, Snorkelling, Tenis, Gardening, Dogs, Cats, Antiques, Decorating.</dd>
                  <dt>Favorite Vacations Spot</dt>
                  <dd>Hawaii</dd>
                  <dt>Ideal First Date</dt>
                  <dd>Dinner on the beach</dd>
                  <dt>Looking for</dt>
                  <dd>Cyber Affair/Erotic Chat</dd>
                  <dt>Staus</dt>
                  <dd>Single</dd>
                  <dt>Smoking</dt>
                  <dd>Never</dd>
                  <dt>Language</dt>
                  <dd>English, Spanish, German, Portuguese</dd>
                </dl>
              </div>
            </li>
             
            <li>
            	<h5 class="accordion-title">Physical<span class="accordion-icon"></span></h5>
              <div class="accordion-content">
                <dl class="dl-horizontal">
                  <dt>Height</dt>
                  <dd>5'4</dd>
                  <dt>Hair Color</dt>
                  <dd>Dark Brown</dd>
                  <dt>Eye Color</dt>
                  <dd>Blue</dd>
                  <dt>Body Type</dt>
                  <dd>Pette</dd>
                  <dt>Weight</dt>
                  <dd>140</dd>
                  <dt>Ethnicity</dt>
                  <dd>European</dd>
                  <dt>Age</dt>
                  <dd>29</dd>
                  <dt>Best Feature</dt>
                  <dd>Silky smooth hair</dd>
                </dl>
              </div>
            </li>
        	</ul>
        </li>
        
        <!--Second Info Tab Content-->
        <li id="simple2Tab">
          
          <div class="messages">
            <h4>You have (5) sweet messages:</h4>
            
            <!--Messages Lists-->
            <ol class="messages-list">
          		
              <li class="message">
                <div class="avatar">
                  <img src="assets/images/profile-carousel/thumb_01.jpg" width="50" height="50" alt="Avatar">
                </div>
                <div class="message-meta">
                  <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link show-form"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star-empty"></i> Favorite</a></h5>
                  <p class="date">January 06, 2011</p>
                </div>
                <div class="message-body clearfix">
                  <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
                </div>
                
                <!--Reply message form-->
                <form action="#" method="post" class="leave-message clearfix">
                  <fieldset>
                    <legend>Write me a sweet message :)</legend>
                    <div class="row">
                      <div class="six columns">
                        <label>Name<span> (required)</span></label>
                        <input type="text" name="msg-name" id="msg-name" required>
                      </div>
                      <div class="six columns">
                        <label>E-mail<span> (required)</span></label>
                        <input type="email" name="msg-email" id="msg-email" required>
                      </div>
                    </div>
                    
                    <div class="row">
                      <div class="twelve columns">
                        <label>Message<span> (required)</span></label>
                        <textarea required></textarea>
                      </div>
                    </div>
                    
                    <button type="submit" class="radius button right">Send message</button>
                  </fieldset>          
                </form><!--end Reply message form-->
              </li>
              
              <li class="message">
                <div class="avatar">
                  <img src="assets/images/profile-carousel/thumb_02.jpg" width="50" height="50" alt="Avatar">
                </div>
                <div class="message-meta">
                  <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star"></i> Favorite</a></h5>
                  <p class="date">January 06, 2011</p>
                </div>
                <div class="message-body">
                  <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
                </div>
              </li>
              
              <li class="message">
                <div class="avatar">
                  <img src="assets/images/profile-carousel/thumb_03.jpg" width="50" height="50" alt="Avatar">
                </div>
                <div class="message-meta">
                  <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star"></i> Favorite</a></h5>
                  <p class="date">January 06, 2011</p>
                </div>
                <div class="message-body">
                  <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
                </div>
              </li>
              
              <li class="message">
                <div class="avatar">
                  <img src="assets/images/profile-carousel/thumb_12.jpg" width="50" height="50" alt="Avatar">
                </div>
                <div class="message-meta">
                  <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star-empty"></i> Favorite</a></h5>
                  <p class="date">January 06, 2011</p>
                </div>
                <div class="message-body">
                  <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
                </div>
                
                <!--Message Reply-->
                <ul class="children">
                  <li class="message">
                    <div class="avatar">
                      <img src="assets/images/profile-carousel/thumb_13.jpg" width="50" height="50" alt="Avatar">
                    </div>
                    <div class="message-meta">
                      <h5 class="author"><a href="#">John Doe</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a></h5>
                      <p class="date">January 06, 2011</p>
                    </div>
                    <div class="message-body">
                      <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
                    </div>
                  </li>
                </ul><!--end Message Reply-->
              </li>
          
            </ol><!--end messages-list-->
          </div><!--end messages-->
				</li><!--end simple2Tab-->
          
        <!--Third Info Tab Content-->
        <li id="simple3Tab">
          <ol class="messages-list">          		
            <li class="message">
              <div class="avatar">
                <img src="assets/images/profile-carousel/thumb_02.jpg" width="50" height="50" alt="Avatar">
              </div>
              <div class="message-meta">
                <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star"></i> Favorite</a></h5>
                <p class="date">January 06, 2011</p>
              </div>
              <div class="message-body">
                <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
              </div>
            </li>
            <li class="message">
              <div class="avatar">
                <img src="assets/images/profile-carousel/thumb_03.jpg" width="50" height="50" alt="Avatar">
              </div>
              <div class="message-meta">
                <h5 class="author"><a href="#">Davaki L. says:</a> - <a href="#" class="message-reply-link"><i class="icon-reply"></i> Message to</a> - <a href="#" class="message-reply-link"><i class="icon-star"></i> Favorite</a></h5>
                <p class="date">January 06, 2011</p>
              </div>
              <div class="message-body">
                <p>Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus.</p>
              </div>
            </li>
          </ol>
        </li>
      </ul><!--end Content Info Tabs-->
    </div><!--end seven-->
    
    
    
    
    
    <!-- SIDEBAR SECTION
		================================================ -->
    <aside class="four columns offset-by-one hide-for-small">
    
    	<!--Widgets Container-->
      <div class="widgets-container">
      
        <div class="widgets clearfix">
          <h5>Our Blog Categories</h5>
          <ul class="widget-list">
            <li><a href="#">First date</a></li>
            <li><a href="#">Dating guidelines</a></li>
            <li><a href="#">Success stories</a></li>
            <li><a href="#">Prespiciatis</a></li>
            <li><a href="#">Lorem ipsum dolor sit</a></li>
          </ul>
        </div>
      
        <div class="widgets clearfix">
          <h5>Latest Profile Entries</h5>
          <br>
          <ul class="block-grid three-up latest-entries">
            <li><span class="avatar"><a href="#" title="Dating profile 1"><img src="assets/images/profile-carousel/thumb_01.jpg" alt="Dating profile 1"></a></span></li>
            <li><span class="avatar"><a href="#" title="Dating profile 2"><img src="assets/images/profile-carousel/thumb_02.jpg" alt="Dating profile 2"></a></span></li>
            <li><span class="avatar"><a href="#" title="Dating profile 3"><img src="assets/images/profile-carousel/thumb_03.jpg" alt="Dating profile 3"></a></span></li>
            <li><span class="avatar"><a href="#" title="Dating profile 4"><img src="assets/images/profile-carousel/thumb_04.jpg" alt="Dating profile 4"></a></span></li>
            <li><span class="avatar"><a href="#" title="Dating profile 5"><img src="assets/images/profile-carousel/thumb_05.jpg" alt="Dating profile 5"></a></span></li>
            <li><span class="avatar"><a href="#" title="Dating profile 6"><img src="assets/images/profile-carousel/thumb_06.jpg" alt="Dating profile 6"></a></span></li>
          </ul>
        </div>
      
        <div class="widgets clearfix">
          <h5>Our Text</h5>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br><br>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
          <a href="http://www.lipsum.com/" target="_blank">Learn about</a>
        </div>
      
      </div> <!--end Widgets Container-->
    </aside> <!--end four columns-->
    <!--END SIDEBAR SECTION-->
    
    </div><!--end row-->
  </div><!--end main-->
</section>
<!--END MAIN SECTION-->
 




<!-- TESTIMONIALS SECTION
================================================ -->
<section>
	<div id="testimonials">
  	<div class="row">
    	<div class="twelve columns"><hr>
      	<ul class="testimonials-carousel">
        	<li>
          	<div class="quote-content">
              Absolutely amazing! This was more than worth the purchase! Great job, and thanks for your amazing work!
            </div>
          	<div class="quote-author">
            	<strong>John Doe</strong>
              <span class="author-description"> - Developer, W.T.D. Ltd</span>
            </div>
            
          </li>
          
        	<li class="hide-on-mobile">
            <div class="quote-content">
              Love this theme and so impressed with the customer support!!! Has been great for someone like myself with very little experience! Absolutely Fantastic!
            </div>
            <div class="quote-author">
            	<strong>Elena Doe</strong>
              <span class="author-description"> - Public speaker, MEDIADOT</span>
            </div>
          </li>
          
          <li class="hide-on-mobile">
            <div class="quote-content">
              Constellation is one of the most comprehensive, well-documented, well-planned projects we’ve ever seen. Cheers to great work! Lorem ipsum dolor sit amet, consectetur adipisicing.
            </div>
            <div class="quote-author">
            	<strong>John Doe</strong>
              <span class="author-description"> - Designer, WESTWOOD</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<!--END TESTIMONIALS SECTION-->





<!-- SUPPORT & NEWSLETTER SECTION
================================================ -->
<section>
  <div id="support">
    <div class="row">
      
      <div class="four columns">
      	<div class="panel">
      		<h4><i class="icon-question-sign"></i> Concerns or questions?</h4>
        	<p>See our support area where you can find questions asked by our clients and answered by the Seven<sup>th</sup>Queen team.</p>
          <a href="http://themeforest.net/user/SeventhQueen" class="small button radius secondary" target="_blank"><i class="icon-angle-right"></i> SEE SUPORT AREA</a>
    		</div><!--end panel-->
      </div>
      
      <div class="eight columns">
      	<div class="panel">
      		<h4><i class="icon-thumbs-up"></i> NEWSLETTER SIGNUP</h4>
        	<p>By subscribing to our mailing list you will always be update with the latest news from us.</p>
          
          <!--Newsletter form-->
          <form id="newsletter-form" name="newsletter-form" method="post" class="row">
            <div class="four columns">
              <div class="row collapse">
                <div class="two mobile-one columns">
                	<span class="prefix"><i class="icon-user"></i></span>
                </div>
                <div class="ten mobile-three columns">
                	<input type="text" name="yname" id="yname" placeholder="Your name" required>
                </div>
              </div>
            </div>
            <div class="five columns">
              <div class="row collapse">
                <div class="two mobile-one columns">
                	<span class="prefix"><i class="icon-envelope"></i></span>
                </div>
                <div class="ten mobile-three columns">
                	<input type="email" name="email" id="email" placeholder="Your email" required>
                </div>
              </div>
            </div>
            <div class="three columns">
            	<p><button type="submit" id="newsletter-submit" name="newsletter-submit" class="small radius button expand">JOIN US</button></p>
            </div>
						<div class="twelve column">
              <div><small id="result">* It really works! <a href="http://mailchimp.com/" target="_blank">Mailchimp Integration.</a></small></div>
            	<small><i class="icon-lock"></i> <strong>Your <a href="#">privacy</a> is important to us and we will never rent or sell your information.</strong></small>            	
            </div>
          </form><!--end newsletter-form-->
    		</div><!--end panel-->
      </div>
      
    </div><!--end row-->
  </div><!--end support-->
</section>
<!--END SUPPORT & NEWSLETTER SECTION-->





<!-- FOOTER SECTION
================================================ -->
<footer>
  <div id="footer">
    <div class="row">
    
    	<!--About us-->
      <div class="three columns section">
        <h5><i class="icon-heart"></i> About us</h5>
        <p>Lorem ipsum dolor sit amet, has an nullam sadipscing ullamcorper, nisl graeci minimum usu no, ne est erat deseruisse vituperata.</p>
        <p><i class="icon-envelope"></i> &nbsp;<a href="tel:1234567890">info@sweetdate4u.com</a><br>&nbsp;<i class="icon-mobile-phone icon-large"></i> &nbsp;&nbsp;(123) 456-7890</p>
        <p class="footer-social-icons">Stay in touch:<br>
          <a href="#" class="has-tip tip-bottom" data-width="210" title="Follow us on Twitter"><i class="icon-twitter-sign icon-2x"></i></a>
          <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on Facebook"><i class="icon-facebook-sign icon-2x"></i></a>
          <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on Google+"><i class="icon-google-plus-sign icon-2x"></i></a>
          <a href="#" class="has-tip tip-bottom" data-width="210" title="Pin us on Pinterest"><i class="icon-pinterest-sign icon-2x"></i></a>
          <a href="#" class="has-tip tip-bottom" data-width="210" title="Find us on LinkedIn"><i class="icon-linkedin-sign icon-2x"></i></a>
        </p>
      </div>
      <!--end about us-->
      
      <!--Useful links-->
      <div class="three columns section">
        <h5>Useful links</h5>
        <ul class="no-bullet">
          <li><i class="icon-angle-right"></i> <a href="#">Terms and Conditions</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">Forgotten Username</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">Forgotten Password</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">FAQ</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">Safety</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">Affiliate</a></li>
          <li><i class="icon-angle-right"></i> <a href="#">Privacy Policy</a></li>
        </ul>
      </div>
      <!--end useful links-->
      
      <!--Twitter feed-->
      <div class="three columns section">
        <h5><i class="icon-twitter"></i> Latest twitt's</h5>
        <!-- IMPORTANT see docs on how to create your feed or go to https://twitter.com/settings/widgets  -->
        <div id="twitter_wrap">
					<div id="tweet"></div>
				</div>
      </div>
      <!--end twitter feed-->
      
      <!--Latest from blog-->
      <div class="three columns section">
        <h5>Latest from blog</h5>
        <ul class="latest-blog">
        	<li>
          	<span class="avatar"><a href="#"><img src="assets/images/quote/user_quote_02.jpg" alt=""></a></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. <a href="#">read more</a></p>
          </li>
          <li>
          	<span class="avatar"><a href="#"><img src="assets/images/quote/user_quote_01.jpg" alt=""></a></span>
            <p>Ut enim ad minim veniam, quis nostrud. <a href="#">read more</a></p>
          </li>
          <li>
          	<span class="avatar"><a href="#"><img src="assets/images/quote/user_quote_03.jpg" alt=""></a></span>
            <p>Duis aute irure dolor in reprehenderit in voluptate. <a href="#">read more</a></p>
          </li>
        </ul>
      </div>
      <!--end latest from blog-->
      
      <div class="twelve columns">
        <hr>
        <p>Copyright &copy; 2013 YourSweetName Network. All Rights Reserved. A premium landing page from <a href="http://themeforest.net/user/SeventhQueen/portfolio?ref=SeventhQueen" target="_blank">Seven<sup>th</sup> Queen</a></p>
      </div>
    </div>
  </div><!--end footer-->
</footer>
<!--END FOOTER SECTION-->





<!-- POP-UP MODAL FORMS
================================================ -->
<!--Login panel-->
<div id="login_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-user icon-large"></i> SIGN IN YOUR ACCOUNT <span class="subheader right small-link"><a href="#" data-reveal-id="register_panel" class="radius secondary small button">CREATE NEW ACCOUNT</a></span></h5>
    </div>
    <form id="login_form" name="login_form" method="post" class="clearfix">
      <div class="six columns">
        <input type="text" id="username" name="username" class="inputbox" placeholder="Username" required>
      </div>
      <div class="six columns">
        <input type="password" id="password" name="password" class="inputbox" placeholder="Password" required>
      </div>
      <p class="twelve columns">
        <small><i class="icon-lock"></i> Your <a href="#">privacy</a> is important to us and we will never rent or sell your information.</small>
      </p>
      <div class="twelve columns">
        <button type="submit" id="login" name="submit" class="radius secondary button"><i class="icon-unlock"></i> &nbsp;LOG IN</button> &nbsp; <a href="#" class="radius button facebook"><i class="icon-facebook-sign"></i> &nbsp;LOG IN WITH Facebook</a>
      </div>
    </form>
    <div class="twelve columns"><hr>
      <ul class="inline-list">
        <li><small><a href="#" data-reveal-id="forgot_panel">FORGOT YOUR USERNAME?</a></small></li>
        <li><small><a href="#" data-reveal-id="forgot_panel">FORGOT YOUR PASSWORD?</a></small></li>
      </ul>
    </div>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!--end login panel-->

<!-- Register panel -->
<div id="register_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-magic icon-large"></i> CREATE ACCOUNT <span class="subheader right small-link"><a href="#" data-reveal-id="login_panel" class="radius secondary small button">ALREADY HAVE AN ACCOUNT?</a></span></h5>	
    </div>
    <form id="register_form" name="register_form" method="post">
      <div class="six columns">
        <input type="text" id="reg-username" name="username" class="inputbox" placeholder="Username">
      </div>
      <div class="six columns">
        <input type="text" id="fullname" name="fullname" class="inputbox" placeholder="Your full name">
      </div>
      <div class="twelve columns">
        <input type="text" id="reg-email" name="email" class="inputbox" placeholder="Your email">
      </div>
      <div class="six columns">
        <input type="password" id="reg-password" name="password" class="inputbox" placeholder="Desired password">
      </div>
      <div class="six columns">
        <input type="password" id="confirm_password" name="confirm_password" class="inputbox" placeholder="Confirm password">
      </div>
      <div class="twelve columns">
        <p><small>Check our <a href="#"><strong>terms and conditions</strong></a> before sign up. If you familiar with our terms, go ahead click CREATE MY ACCOUNT button.</small></p>
        <button type="submit" id="signup" name="submit" class="radius alert button"><i class="icon-heart"></i> &nbsp;CREATE MY ACCOUNT</button>
      </div>
    </form>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!-- end register panel -->

<!-- Forgot panel -->
<div id="forgot_panel" class="reveal-modal">
  <div class="row">
    <div class="twelve columns">
      <h5 class="pink-text"><i class="icon-lightbulb icon-large"></i> FORGOT YOUR DETAILS?</h5>
    </div>
    <form id="forgot_form" name="forgot_form" method="post" class="clearfix">
    <div class="twelve columns">
      <input type="text" id="forgot-email" name="email" class="inputbox" placeholder="Email Address">
      <button type="submit" id="recover" name="submit" class="radius secondary button">SEND MY DETAILS! &nbsp;<i class="icon-envelope"></i></button>
    </div>
    </form>
    <div class="twelve columns"><hr>
      <small><a href="#" data-reveal-id="login_panel" class="radius secondary label">AAH, WAIT, I REMEMBER NOW!</a></small>
    </div>
  </div><!--end row-->
  <a href="#" class="close-reveal-modal">×</a>
</div><!-- end register panel -->
<!-- end login register stuff -->

<p id="btnGoUp">Go up</p>
</div><!--end page-->  

<!--END POP-UP MODAL FORMS-->

 


 
<!-- JAVASCRIPTS
================================================ -->

	<!-- jQuery & Foundation Framework -->
  <script type="text/javascript" src="assets/scripts/jquery.js"></script>
  <script type="text/javascript" src="assets/scripts/foundation.min.js"></script>
  
  
  <!-- 3rd Plugins -->
  
	<!-- include carouFredSel plugin -->
  <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/jquery.carouFredSel-6.2.0-packed.js"></script>
  <!-- optionally include helper for carouFredSel plugins -->
  <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/helper-plugins/jquery.mousewheel.min.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/helper-plugins/jquery.touchSwipe.min.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/helper-plugins/jquery.transit.min.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/carouFredSel/helper-plugins/jquery.ba-throttle-debounce.min.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/knob/jquery.knob.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/tweet/jquery.tweet.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/fittext/jquery.fittext.js"></script>
  <script type="text/javascript" src="assets/scripts/plugins/quovolver/jquery.quovolver.js"></script><!--Quote rotator-->
  <script type="text/javascript" src="assets/scripts/plugins/backgroundSize/jquery.backgroundSize.js"></script><!--BackgroundSize for IE8-->
  <script type="text/javascript" src="assets/scripts/plugins/prettyPhoto/jquery.prettyPhoto.js"></script>
  
  <!-- Custom JS effects, tweaks and inits -->
  <script type="text/javascript" src="assets/scripts/app.js"></script>
  
	<script type="text/javascript">
		<!-- Load slider gallery into tabs -->
		function loadSlider(sliderId)
		{
			// Gallery carousel
			$("#"+sliderId).carouFredSel({
				width	: "100%",
				auto    : false,
				scroll	: 1,
				swipe: {
					onMouse: true,
					onTouch: true
				},
				prev	: {	
					button	: "#stanga-prev",
					key		: "left"
				},
				next	: { 
					button	: "#dreapta-next",
					key		: "right"
				}
			});
		}
		
    $(window).ready(function(){
			// put here your slider ID
			var sliderID = "gallery-carousel";
			
			//load the slider on page load
			loadSlider(sliderID);
		
		//when someone calls the tab with the slider update the slider sizes
		$(".sliderEvent").live("click", function() {
			$(".mySlider").show();
				loadSlider(sliderID);
			});
    });
    </script>
 
 
  
  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
	<script>
		var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
		(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
		g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
		s.parentNode.insertBefore(g,s)}(document,"script"));
	</script>

</body>
</html>
